// 样式覆盖
.vl-notify-mask {
  background: #000 !important;
  opacity: 0.45 !important; // 轻纱layer
}
.vl-notify {
    overflow: hidden;
    border-radius: 5px !important;
    .vl-notice-title {
      border: none !important;
      box-shadow: 0px 0px 16px 0px rgba(189, 189, 189, 0.3);
    }
    .vl-notify-content { height: 100% !important; }
    .uploader-example { margin: 0; }
}

// 自定义容器
.vl-notify .xm-content {
  width: 100%;
  height: calc(100% - 24px); // footer是43px，但有滚动条时个人感觉23px好看
  overflow-y: auto;
  padding: 20px 30px 20px;
  box-sizing: border-box;
  // 内部表单项
  .el-form-item { margin-bottom: 12px; }
  .el-form-item__content>div:first-child {
    width: calc(100% - 36px);
  }
  .editor-box { display: inline-block; } // 富文本必填
  .el-form-item.is-error .el-input__inner,
  .el-form-item.is-error .el-input__inner:focus,
  .el-form-item.is-error .el-textarea__inner,
  .el-form-item.is-error .el-textarea__inner:focus {
    border: 1px solid #ddd !important;
    border-bottom: 1px solid #D9534F !important;
  }
  // 公用按钮
  .xm-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 43px;
    padding: 0;
    background: #F8F8F8;
  }
}


.width100{
  width:100%;
}
//margin
.margintop10{
  margin-top:10px;
}
.marginBottom20{
  margin-bottom: 20px;
}
.marginBottom30{
  margin-bottom: 30px;
}
.marginRight20{
  margin-right: 20px;
}
.marginRight10{
  margin-right: 10px;
}
.margin20{
  margin:20px;
}
.margintb20{
  margin-top:20px;
  margin-bottom: 20px;
}
.margintop50{
  margin-top:50px;
}
//
.padding20{
  padding:20px;
}
//
.padding15{
  padding:15px;
}
.border187{
  border: 1px solid rgba(187, 187, 187, 100);
}
.borderRadius12{
  border-radius: 12px;
}
.cursor_pointer{
  cursor: pointer;
}
.ft14{
  font-size: 14px;
}
.ft13{
  font-size: 13px;
}
.ft12{
  font-size: 12px;
}
//居中
.tc{
  text-align: center;
}
.tl{
  text-align: left;
}
.fontBold{
  font-weight: bold;
}
.font_c1{
  color:red;
}
.font_c2{
  color:blue;
}
.font_c3{
  color:green;
}
.font_c4{
  color:orange;
}
.flex{
  display: flex;
}
.flex-wrap{
  flex-wrap: wrap;
}
.align-content-c{
  align-content: center;
}
.align-items-c{
  align-items: center;
}
.align-items-fs{
  align-items: flex-start;
}
.justify-content-bt{
  justify-content: space-between;
}

